Разработка полнофункционального интернет-магазина
К нам обратились по рекомендации, необходимо разработать простой, но удобный в работе интернет-магазин. Тематика интернет-магазина: продажа одежды и обуви в стиле милитари, сафари в Новосибирске, при этом оставляем возможность расширения ассортиментной линейки. До нас уже пробовали начать работу по дизайну (фриланс), но результата так и не получили. Поэтому решено было найти ответственную компанию, которая доведет все до конца и сделает все быстро и качественно.
Что предложить
После первых переговоров специалисты Riva Siberia понимают, что базового решения интернет-магазина «Старт» более чем достаточно. Что нужно:
- Каталог товаров: 2 уровня (разделы / подразделы / товары), фильтры по бренду и цене.
- Корзина с автоматическим перерасчетом стоимости товаров, скидка от объема/суммы, бесплатная доставка при сумме заказа от ХХХ руб.
- Личный кабинет (регистрация, авторизация) клиента.
- Маркетинговые инструменты, такие как: акционные товары, новинки, баннер в ротации на главной, похожие товары и пр.
- Ну и, конечно, же все это работает на удобном и мощном движке MV framework.
С полным списком функционала интернет-магазина «Старт» можно ознакомиться на нашем сайте.
Процесс разработки интернет-магазина
Любой проект начинается с этапа проектирования, но так как это базовая сборка, то этап проектирования уже пройден, стартовый функционал обговорили с Заказчиком, поэтому собираем пожелания по цвету, стилю и приступаем к дизайну основных страниц интернет-магазина.
Пожелания: дизайн сайта в стиле «Милитари», на заднем фоне хочется что-то вроде «карты», цвета хаки, милитари, сафари.
В рамках разработки сайта (бонусом) доработали логотип сайта: шрифтовой логотип с потертостью и звездой, что ассоциируется с «милитари».
Как обычно, дизайн интернет-магазина начинается с главной страницы:
- Ассортимент планируется расширять, поэтому каталог решено разместить вертикально, чтобы не ограничивать количество разделов интернет-магазина;
- Сразу под каталогом размещаем каталог брендов для тех, кто ищет товары определенного бренда;
- Оставляем место для 2-х сквозных блоков, в которых можно будет размещать нужную и важную информацию (акции, адрес, полезные ссылки и пр.).
Пробуем дизайн в двух цветах – темном:
и светлом исполнении:
Так как это обувь и одежда, то весьма актуальна информация по цветам и размерам, в одном из макетов предлагаем показывать эту дополнительную (но важную информацию) по наведению на товар, что исключает необходимость переходить каждый раз на страницу товара:
В итоге Заказчику нравится данное предложение, выбирается вариант в светлом исполнении, но есть особое пожелание: фон должен выделяться от основного контента. Дорабатываем детали и получаем финальную главную страницу:
Стиль и дизайн найден, приступаем к разработке внутренних страниц интернет-магазина:
- Товары списком. Здесь появляются фильтры по цене и бренду, также добавляем возможность размещения рекламного баннера для раздела товаров. Для удобства поиска нужного товара есть возможность сортировки товара (по популярности, новинкам, акциям) и выбора количества товаров на странице:
- Страница товара. Красивое и качественное фото товара (лучше несколько фотографий), возможность купить в 1 клик, выбор размера и цвета товара. Сборка MART1 позволяет для разных цветов загружать свои фотографии товара в выбранном цвете – наглядно и удобно.
Товары в «рекомендуем посмотреть» можно добавлять вручную для каждого товара, либо автоматически будут отображаться товары из просматриваемого раздела/подраздела. На каждой странице присутствует блок ранее просмотренных товаров, чтобы можно было быстро и легко вернуться к понравившемуся ранее товару.
- Также в рамках пакета «Старт» разрабатывается дефолтная страница для задания стилей заголовков, списков и таблицы для обычных страниц (наполнение при помощи визуального редактора).
После того, как дизайн макеты готовы и одобрены Заказчиком, они отправляются на дальнейшую верстку и подключение системы управления сайтом.
Запуск интернет-магазина
Готовый интернет-магазин выглядит подобным образом (с тестовым наполнением):
Система управления сайтом (админка) легка и удобна в использовании. Есть режим быстрого редактирования (в виде таблицы) текстовой информации:
Добавление SKU вариаций товара, например, по цвету и размеру:
Баннерами на главной легко управлять – просто добавляете фото, вводите заголовок, короткое описание и ссылку при необходимости. На сайте все это автоматически преобразуется в симпатичный баннер:
Небольшое видео по системе управления сайтом:
Готовый интернет-магазин загружается на хостинг, доступ к системе управления интернет-магазином передаются Заказчику для дальнейшего его наполнения.